<!doctype html>
<html lang="de">
<head>

	<meta charset="utf-8">
	<title>Fotogalerie Open Wonderland</title>
  <meta name="author" content="Christian Wietlisbach, Dominik Alessandri">

  <meta name="viewport" content="width=device-width">

	<link rel="shortcut icon" type="image/ico" href="images/favicon.ico" />	
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

  <link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>

</head>
<body>
<div id="content">
<div class="section" id="example">


	<h2>Fotos aus Open Wonderland</h2>
	<h3 style="clear: both;">Fotos</h3>

  <div class="imageRow">
  	<div class="set">      
        <%
        java.lang.String path = "../.wonderland-server/0.5-dev/run/content/images/screenshot/";
        java.lang.String screenshot = "../screenshot/";
        java.io.File f = new java.io.File(path);
        java.io.File[] files = f.listFiles();
	
        if (files.length < 1) {
            out.println("No images in given directory");
        } else {
            for (java.io.File file : files) {
                out.println("<div class=\"single\"><a href=\"" + screenshot + file.getName() + "\" rel=\"lightbox[plants]\">" + "<img src=\"" + screenshot + file.getName() + "\" width=\"150\"></a></div>");
            }
        }
        %> 
  	</div>
  </div>
	
</div>
</div><!-- end #content -->

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/lightbox.js"></script>

<script>
  jQuery(document).ready(function($) {
      $('a').smoothScroll({
        speed: 1000,
        easing: 'easeInOutCubic'
      });

      $('.showOlderChanges').on('click', function(e){
        $('.changelog .old').slideDown('slow');
        $(this).fadeOut();
        e.preventDefault();
      })
  });

</script>
</body>
</html>